﻿@model BusinessManagementStudio.ViewModel.ReportView
@using System.Web.Helpers;
@using System.Globalization;
@using System.Xml.Xsl;
@using System.Xml;
@using System.Linq;
@using Ext.Net.MVC;

@{
    ViewBag.Title = "Reports";
}

<h2 align="center">Reports Center</h2>

<div align="center">@Html.DropDownList("ReportType", Model.ReportTypeList, "- Please Select -")</div>

<div id="partialPlaceHolder" style="display:none;" align="center"> </div>

<link href='~/Scripts/jquery-ui.css' rel='stylesheet'>
<script type="text/javascript" src="~/Scripts/jquery-2.1.0.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>
<script type="text/javascript" src="~/Scripts/knockout-3.0.0.js"></script>
<link href='~/Scripts/jquery-ui-timepicker-addon.css' rel='stylesheet'>
<script type="text/javascript" src="~/Scripts/jquery-ui-timepicker-addon.js"></script>
<script type='text/javascript' src='~/Scripts/jquery-ui-sliderAccess.js'></script>


<script type="text/javascript">
    $(document).ready(function () {
        /* This is change event for your dropdownlist */
        $('#ReportType').change(function () {

            /* Get the selected value of dropdownlist */
            var selectedID = $(this).val();

            /* Request the partial view with .get request. */
            $.get('/Report/ReportSelection/' + selectedID, function (data) {

                /* data is the pure html returned from action method, load it to your page */
                $('#partialPlaceHolder').html(data);
                /* little fade in effect */
                $('#partialPlaceHolder').fadeIn('fast');
            });

        });
    });
</script>

@*@using (Html.BeginForm("ContractorAssignmentConfirmation", "Report"))
{
    @Html.ValidationSummary(true)

    
}*@